<header role="topbar" {{{propertystr}}}>
    {{if navicon}}
    <str-icon id="nav" class="ripple bar-icon-nav" icon="{{navicon}}" width="24" height="24" nofocus></str-icon>{{/if}}
    <h1>{{text}}</h1>
    {{if actions.length > 0}}
    <ul class="bar-icon-group" {{if !overflow}}style="right: 0" {{/if}}>
        {{each act as actions}}
        <li>
            <str-icon class="ripple" icon="{{act.icon}}" width="24" height="24" nofocus></str-icon>
        </li>
        {{/each}}
    </ul>
    {{/if}} 
    {{if overflow}}<str-icon id="overflow" class="ripple bar-icon-overflow" icon="{{overflow}}" width="24" height="24" nofocus></str-icon>{{/if}}
</header>